Vue.component('tabbar', {
    props: ['index'],
    template: `<footer>
        <div class="footer_cell" onclick="router('/app/index.html')">
            <img :src="index==0?'../public/img/cz.png':'../public/img/cz.png'">
            <p >话费充值</p>
        </div>
        <div class="footer_cell" onclick="router('/app/shangcheng.html')">
        <img :src="index==1?'../public/img/ll.png':'../public/img/ll.png'">
        <p >流量充值</p>
        </div>
        <div class="footer_cell" onclick="router('/app/store.html')">
        <img :src="index==1?'../public/img/sc.png':'../public/img/sc.png'">
        <p >商城</p>
        </div>
        <div class="footer_cell" onclick="router('/app/zhongjian.html')">
            <img :src="index==3?'../public/img/jl.png':'../public/img/jl.png'">
            <p >充值记录</p>
        </div>
        <div class="footer_cell" onclick="router('/app/wode.html')">
            <img :src="index==4?'../public/img/gr.png':'../public/img/gr.png'">
            <p >个人中心</p>
        </div>
    </footer>`
})
